.v-menu {
	display: flex;
	list-style: none;
	flex-wrap: wrap;
	margin-bottom: 30px;
	padding-left: 0;
	border-bottom: $menu-border-width solid $menu-border-color;
	box-shadow: $menu-box-shadow;
	> .menu-item {
		padding: $menu-item-padding-y $menu-item-padding-x;
		cursor: pointer;
		transition: $menu-transition;
		&:hover,
		&:focus {
			text-decoration: none;
		}
		&.is-disabled {
			cursor: default;
			pointer-events: none;
			color: $menu-item-disabled-color;
		}
		&.is-active,
		&:hover {
			border-bottom: $menu-item-active-border-width solid
				$menu-item-active-color;
			color: $menu-item-active-color;
		}
	}
	.submenu-item {
		position: relative;
		.submenu-title {
			display: flex;
			align-items: center;
		}
		.arrow-icon {
			margin-left: 3px;
			transition: transform 0.25s ease-in-out;
		}
		&:hover {
			.arrow-icon {
				transform: rotate(180deg);
			}
		}
	}
	.is-vertical {
		.arrow-icon {
			transform: rotate(0deg) !important;
		}
	}
	.is-vertical.is-opened {
		.arrow-icon {
			transform: rotate(180deg) !important;
		}
	}
	.v-submenu {
		list-style: none;
		padding-left: 0;
		// opacity: 0;
		white-space: nowrap;
		.menu-item {
			padding: $menu-item-padding-y $menu-item-padding-x;
			cursor: pointer;
			color: $body-color;
			transition: $menu-transition;
			&.is-active,
			&:hover {
				color: $menu-item-active-color !important;
			}
		}

		&.menu-opened {
			// display: block;
			// opacity: 1;
		}
	}
}
.menu-horizontal {
	> .menu-item {
		border-bottom: $menu-item-active-border-width solid transparent;
	}
	.v-submenu {
		position: absolute;
		left: 0;
		top: calc(100% + 8px);
		z-index: 100;
		border: $menu-border-width solid $menu-border-color;
		background: $white;
		box-shadow: $submenu-box-shadow;
	}
}
.menu-vertical {
	flex-direction: column;
	margin: 10px 20px;
	border-right: $menu-border-width solid $menu-border-color;
	border-bottom: 0;
	> .menu-item {
		border-left: $menu-item-active-border-width solid transparent;
		&.is-active,
		&:hover {
			border-left: $menu-item-active-border-width solid $menu-item-active-color;
			border-bottom: 0;
		}
	}
}
